<template>
  <div>
   <div class="flex">
      <div class="title">上部结构</div>
    <el-form
      :model="bridgeCardSuperStructure"
      ref="ruleForm"
      label-width="120px"
      class="demo-ruleForm"
      style="width:90%"
    >
      <el-form-item label="主梁形式:" size="small">
        <el-input v-model.trim="bridgeCardSuperStructure.mainGirderForm" size="small" clearable></el-input>
      </el-form-item>
      <el-form-item label="主梁尺寸:" size="small">
        <el-input v-model.trim="bridgeCardSuperStructure.mainBeamWidth" size="small" clearable></el-input>
       </el-form-item>
      <el-form-item label="主梁数量:" size="small">
        <el-input v-model.trim="bridgeCardSuperStructure.mainBeamNumber" size="small" clearable></el-input>
      </el-form-item>
      <el-form-item label="横梁形式:" size="small">
        <el-input v-model.trim="bridgeCardSuperStructure.CrossBeamForm" size="small" clearable></el-input>
      </el-form-item>
      <el-form-item label="主跨桥下净空:" size="small">
        <el-input v-model.trim="bridgeCardSuperStructure.mainSpanWidth" size="small" clearable></el-input>
       </el-form-item>
      <el-form-item label="桥下限高:" size="small">
        <el-input v-model.trim="bridgeCardSuperStructure.bridgeBelowRestrictHeight" size="small" clearable></el-input>
       </el-form-item>
      <el-form-item label="拱桥矢跨比:" size="small">
        <el-input v-model.trim="bridgeCardSuperStructure.archBridgeRiseSpanRatio" size="small" clearable></el-input>
      </el-form-item>
      <el-form-item label="支座形式:" size="small">
        <el-input v-model.trim="bridgeCardSuperStructure.SupportForm" size="small" clearable></el-input>
      </el-form-item>
      <el-form-item label="支座数量:" size="small">
        <el-input v-model.trim="bridgeCardSuperStructure.SupportNumber" size="small" clearable></el-input>
     </el-form-item>
      <el-form-item label="桥面结构:" size="small">
        <el-input v-model.trim="bridgeCardSuperStructure.bridgeFloorStruct" size="small" clearable></el-input>
    </el-form-item>
      <el-form-item label="桥面铺装厚度:" size="small">
        <el-input v-model.trim="bridgeCardSuperStructure.bridgeFloorMatFormationThickness" size="small" clearable></el-input>
     </el-form-item>
      <el-form-item label="伸缩缝型式:" size="small">
        <el-input v-model.trim="bridgeCardSuperStructure.ExpansionJointForm" size="small" clearable></el-input>
     </el-form-item>
      <el-form-item label="伸缩缝数量:" size="small">
        <el-input v-model.trim="bridgeCardSuperStructure.ExpansionJointNumber" size="small" clearable></el-input>
     </el-form-item>
      <el-form-item label="主桥纵坡:" size="small">
        <el-input v-model.trim="bridgeCardSuperStructure.MainBridgeLongitudinalSlope" size="small" clearable></el-input>
       </el-form-item>
        <el-form-item label="主桥横坡:" size="small">
        <el-input v-model.trim="bridgeCardSuperStructure.MainBridgeCrossSlope" size="small" clearable></el-input>
       </el-form-item>
      <el-form-item label="引桥纵坡:" size="small">
        <el-input v-model.trim="bridgeCardSuperStructure.ApproachBridgeLongitudinalSlope" size="small" clearable></el-input>
     </el-form-item>
      <el-form-item label="引桥横坡:" prop="management" size="small">
        <el-input v-model.trim="bridgeCardSuperStructure.ApproachBridgeCrossSlope" size="small" clearable></el-input>
     </el-form-item>
      <el-form-item label="集水口尺寸:" size="small">
        <el-input v-model.trim="bridgeCardSuperStructure.waterIntakeSize" size="small" clearable></el-input>
       </el-form-item>
        <el-form-item label="集水口数量:" size="small">
        <el-input v-model.trim="bridgeCardSuperStructure.waterIntakeNumber" size="small" clearable></el-input>
       </el-form-item>
    </el-form>
    </div>
  </div>
</template>

<script>
export default {
  props:{
    bridgeCardSuperStructure:{
      type:Object,
      default() {
        return {}
      }
    }
  },
  methods:{
    emit(){
      return this.bridgeCardSuperStructure
    }    
  }
};
</script>
<style scoped>
.title {
  font-size: 20px;
  font-weight: 500;
}
.el-form{
    display:flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
    .el-form-item--small.el-form-item {
    margin-bottom: 12px;
}
</style>